@charset "UTF-8";
/* 重置样式 */
html { -ms-touch-action: manipulation; touch-action: manipulation; }

blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; }

header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer { display: block; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

table, th, td { border: 1px solid black; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: 400; }

dl, ol, ul { list-style-type: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

a { text-decoration: none; color: inherit; outline: none; }

a:hover { text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0); blr: expression(this.onFocus=this.blur()); }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

i { font-style: normal; }

button, input, select, textarea { resize: none; outline: none; font-family: inherit; font-size: inherit; color: inherit; }

input { border-radius: 0; }

input::-webkit-input-safebox-button { display: none; /*去掉搜狗浏览器密码软盘*/ }

body { color: #000; font-size: 14px; line-height: 1.5; }

/* 统一盒子尺寸计算 */
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

/* ie版本过低 */
#web-ietip { width: 526px; height: 90px; padding: 83px 0 0 84px; overflow: hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0; }

#web-ietip a { display: block; width: 65px; height: 80px; float: left; }

/* 清除浮动 */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }

/* 超出省略 */
.ep1, .ellipsis-1 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.ep2, .ellipsis-2 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.ep3, .ellipsis-3 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.ep4, .ellipsis-4 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.ep5, .ellipsis-5 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

.ep6, .ellipsis-6 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }

.ep7, .ellipsis-7 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }

.ep8, .ellipsis-8 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }

.ep9, .ellipsis-9 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; }

/* 颜色 */
.color-0 { color: #000; }

.color-1 { color: #111; }

.color-2 { color: #222; }

.color-3 { color: #333; }

.color-4 { color: #444; }

.color-5 { color: #555; }

.color-6 { color: #666; }

.color-7 { color: #777; }

.color-8 { color: #888; }

.color-9 { color: #999; }

.color-a { color: #aaa; }

.color-b { color: #bbb; }

.color-c { color: #ccc; }

.color-d { color: #ddd; }

.color-e { color: #eee; }

.color-f { color: #fff; }

.bg-0, .bg-color-0 { background-color: #000; }

.bg-1, .bg-color-1 { background-color: #111; }

.bg-2, .bg-color-2 { background-color: #222; }

.bg-3, .bg-color-3 { background-color: #333; }

.bg-4, .bg-color-4 { background-color: #444; }

.bg-5, .bg-color-5 { background-color: #555; }

.bg-6, .bg-color-6 { background-color: #666; }

.bg-7, .bg-color-7 { background-color: #777; }

.bg-8, .bg-color-8 { background-color: #888; }

.bg-9, .bg-color-9 { background-color: #999; }

.bg-a, .bg-color-a { background-color: #aaa; }

.bg-b, .bg-color-b { background-color: #bbb; }

.bg-c, .bg-color-c { background-color: #ccc; }

.bg-d, .bg-color-d { background-color: #ddd; }

.bg-e, .bg-color-e { background-color: #eee; }

.bg-f, .bg-color-f { background-color: #fff; }

/* 背景图 */
.bg-cover { background-size: cover; background-position: center; }

.bg-contain { background-size: contain; background-position: center; background-repeat: no-repeat; }

/* 文本对齐 */
.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

/* 富文本样式控制 */
.rich-text * { max-width: 100%; text-wrap: wrap !important; }

.rich-text img { height: auto; vertical-align: top; }

/*编辑器盒子加editor-box这个类，editor-box以及里面的h1,h2,h3,h4,h5,h6,ul,ol,li,i.b,strong,p等标签的样式根据后台编辑器的默认样式而变*/
.editor-box { font-size: 16px; line-height: 1.5; }

.editor-box h1 { display: block; font-size: 2em; -webkit-margin-before: 0.67em; margin-block-start: 0.67em; -webkit-margin-after: 0.67em; margin-block-end: 0.67em; -webkit-margin-start: 0px; margin-inline-start: 0px; -webkit-margin-end: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }

.editor-box h2 { display: block; font-size: 1.5em; -webkit-margin-before: 0.83em; margin-block-start: 0.83em; -webkit-margin-after: 0.83em; margin-block-end: 0.83em; -webkit-margin-start: 0px; margin-inline-start: 0px; -webkit-margin-end: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }

.editor-box h3 { display: block; font-size: 1.17em; -webkit-margin-before: 1em; margin-block-start: 1em; -webkit-margin-after: 1em; margin-block-end: 1em; -webkit-margin-start: 0px; margin-inline-start: 0px; -webkit-margin-end: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }

.editor-box h4 { display: block; -webkit-margin-before: 1.33em; margin-block-start: 1.33em; -webkit-margin-after: 1.33em; margin-block-end: 1.33em; -webkit-margin-start: 0px; margin-inline-start: 0px; -webkit-margin-end: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }

.editor-box h5 { display: block; font-size: 0.83em; -webkit-margin-before: 1.67em; margin-block-start: 1.67em; -webkit-margin-after: 1.67em; margin-block-end: 1.67em; -webkit-margin-start: 0px; margin-inline-start: 0px; -webkit-margin-end: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }

.editor-box h6 { display: block; font-size: 0.67em; -webkit-margin-before: 2.33em; margin-block-start: 2.33em; -webkit-margin-after: 2.33em; margin-block-end: 2.33em; -webkit-margin-start: 0px; margin-inline-start: 0px; -webkit-margin-end: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }

.editor-box ul { display: block; list-style-type: disc; -webkit-margin-before: 1em; margin-block-start: 1em; -webkit-margin-after: 1em; margin-block-end: 1em; -webkit-padding-start: 40px; padding-inline-start: 40px; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }

.editor-box ol { display: block; list-style-type: decimal; -webkit-margin-before: 1em; margin-block-start: 1em; -webkit-margin-after: 1em; margin-block-end: 1em; -webkit-padding-start: 40px; padding-inline-start: 40px; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }

.editor-box li { display: list-item; text-align: -webkit-match-parent; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }

.editor-box i { font-style: italic; }

.editor-box b { font-weight: bolder; }

.editor-box strong { font-weight: bolder; }

.editor-box p { display: block; -webkit-margin-before: 5px; margin-block-start: 5px; -webkit-margin-after: 5px; margin-block-end: 5px; -webkit-margin-start: 0px; margin-inline-start: 0px; -webkit-margin-end: 0px; margin-inline-end: 0px; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }

/* flex布局 */
.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.flex-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.flex-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.flex-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.flex-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.flex-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

/* rem - start */
.s0 { font-size: 0; }

/* pc */
html { font-size: calc(100vw / 1920 * 100); }

.s12 { font-size: 0.12rem; }

@media (max-width: 1920px) { .s12 { font-size: 12px; } }

.s13 { font-size: 0.13rem; }

@media (max-width: 1816.61538px) { .s13 { font-size: 12.3px; } }

.s14 { font-size: 0.14rem; }

@media (max-width: 1728px) { .s14 { font-size: 12.6px; } }

.s15 { font-size: 0.15rem; }

@media (max-width: 1651.2px) { .s15 { font-size: 12.9px; } }

.s16 { font-size: 0.16rem; }

@media (max-width: 1584px) { .s16 { font-size: 13.2px; } }

.s17 { font-size: 0.17rem; }

@media (max-width: 1524.70588px) { .s17 { font-size: 13.5px; } }

.s18 { font-size: 0.18rem; }

@media (max-width: 1472px) { .s18 { font-size: 13.8px; } }

.s19 { font-size: 0.19rem; }

@media (max-width: 1424.84211px) { .s19 { font-size: 14.1px; } }

.s20 { font-size: 0.2rem; }

@media (max-width: 1382.4px) { .s20 { font-size: 14.4px; } }

.s21 { font-size: 0.21rem; }

@media (max-width: 1344px) { .s21 { font-size: 14.7px; } }

.s22 { font-size: 0.22rem; }

@media (max-width: 1309.09091px) { .s22 { font-size: 15px; } }

.s23 { font-size: 0.23rem; }

@media (max-width: 1277.21739px) { .s23 { font-size: 15.3px; } }

.s24 { font-size: 0.24rem; }

@media (max-width: 1248px) { .s24 { font-size: 15.6px; } }

.s25 { font-size: 0.25rem; }

@media (max-width: 1221.12px) { .s25 { font-size: 15.9px; } }

.s26 { font-size: 0.26rem; }

@media (max-width: 1196.30769px) { .s26 { font-size: 16.2px; } }

.s27 { font-size: 0.27rem; }

@media (max-width: 1173.33333px) { .s27 { font-size: 16.5px; } }

.s28 { font-size: 0.28rem; }

@media (max-width: 1152px) { .s28 { font-size: 16.8px; } }

.s29 { font-size: 0.29rem; }

@media (max-width: 1132.13793px) { .s29 { font-size: 17.1px; } }

.s30 { font-size: 0.3rem; }

@media (max-width: 1113.6px) { .s30 { font-size: 17.4px; } }

.s31 { font-size: 0.31rem; }

@media (max-width: 1096.25806px) { .s31 { font-size: 17.7px; } }

.s32 { font-size: 0.32rem; }

@media (max-width: 1080px) { .s32 { font-size: 18px; } }

.s33 { font-size: 0.33rem; }

@media (max-width: 1064.72727px) { .s33 { font-size: 18.3px; } }

.s34 { font-size: 0.34rem; }

@media (max-width: 1050.35294px) { .s34 { font-size: 18.6px; } }

.s35 { font-size: 0.35rem; }

@media (max-width: 1036.8px) { .s35 { font-size: 18.9px; } }

.s36 { font-size: 0.36rem; }

@media (max-width: 1024px) { .s36 { font-size: 19.2px; } }

.s37 { font-size: 0.37rem; }

@media (max-width: 1011.89189px) { .s37 { font-size: 19.5px; } }

.s38 { font-size: 0.38rem; }

@media (max-width: 1000.42105px) { .s38 { font-size: 19.8px; } }

.s39 { font-size: 0.39rem; }

@media (max-width: 989.53846px) { .s39 { font-size: 20.1px; } }

.s40 { font-size: 0.4rem; }

@media (max-width: 979.2px) { .s40 { font-size: 20.4px; } }

.s41 { font-size: 0.41rem; }

@media (max-width: 969.36585px) { .s41 { font-size: 20.7px; } }

.s42 { font-size: 0.42rem; }

@media (max-width: 960px) { .s42 { font-size: 21px; } }

.s43 { font-size: 0.43rem; }

@media (max-width: 951.06977px) { .s43 { font-size: 21.3px; } }

.s44 { font-size: 0.44rem; }

@media (max-width: 942.54545px) { .s44 { font-size: 21.6px; } }

.s45 { font-size: 0.45rem; }

@media (max-width: 934.4px) { .s45 { font-size: 21.9px; } }

.s46 { font-size: 0.46rem; }

@media (max-width: 926.6087px) { .s46 { font-size: 22.2px; } }

.s47 { font-size: 0.47rem; }

@media (max-width: 919.14894px) { .s47 { font-size: 22.5px; } }

.s48 { font-size: 0.48rem; }

@media (max-width: 912px) { .s48 { font-size: 22.8px; } }

.s49 { font-size: 0.49rem; }

@media (max-width: 905.14286px) { .s49 { font-size: 23.1px; } }

.s50 { font-size: 0.5rem; }

@media (max-width: 898.56px) { .s50 { font-size: 23.4px; } }

.s51 { font-size: 0.51rem; }

@media (max-width: 892.23529px) { .s51 { font-size: 23.7px; } }

.s52 { font-size: 0.52rem; }

@media (max-width: 886.15385px) { .s52 { font-size: 24px; } }

.s53 { font-size: 0.53rem; }

@media (max-width: 880.30189px) { .s53 { font-size: 24.3px; } }

.s54 { font-size: 0.54rem; }

@media (max-width: 874.66667px) { .s54 { font-size: 24.6px; } }

.s55 { font-size: 0.55rem; }

@media (max-width: 869.23636px) { .s55 { font-size: 24.9px; } }

.s56 { font-size: 0.56rem; }

@media (max-width: 864px) { .s56 { font-size: 25.2px; } }

.s57 { font-size: 0.57rem; }

@media (max-width: 858.94737px) { .s57 { font-size: 25.5px; } }

.s58 { font-size: 0.58rem; }

@media (max-width: 854.06897px) { .s58 { font-size: 25.8px; } }

.s59 { font-size: 0.59rem; }

@media (max-width: 849.35593px) { .s59 { font-size: 26.1px; } }

.s60 { font-size: 0.6rem; }

@media (max-width: 844.8px) { .s60 { font-size: 26.4px; } }

.s61 { font-size: 0.61rem; }

@media (max-width: 840.39344px) { .s61 { font-size: 26.7px; } }

.s62 { font-size: 0.62rem; }

@media (max-width: 836.12903px) { .s62 { font-size: 27px; } }

.s63 { font-size: 0.63rem; }

@media (max-width: 832px) { .s63 { font-size: 27.3px; } }

.s64 { font-size: 0.64rem; }

@media (max-width: 828px) { .s64 { font-size: 27.6px; } }

.s65 { font-size: 0.65rem; }

@media (max-width: 824.12308px) { .s65 { font-size: 27.9px; } }

.s66 { font-size: 0.66rem; }

@media (max-width: 820.36364px) { .s66 { font-size: 28.2px; } }

.s67 { font-size: 0.67rem; }

@media (max-width: 816.71642px) { .s67 { font-size: 28.5px; } }

.s68 { font-size: 0.68rem; }

@media (max-width: 813.17647px) { .s68 { font-size: 28.8px; } }

.s69 { font-size: 0.69rem; }

@media (max-width: 809.73913px) { .s69 { font-size: 29.1px; } }

.s70 { font-size: 0.7rem; }

@media (max-width: 806.4px) { .s70 { font-size: 29.4px; } }

.s71 { font-size: 0.71rem; }

@media (max-width: 803.15493px) { .s71 { font-size: 29.7px; } }

.s72 { font-size: 0.72rem; }

@media (max-width: 800px) { .s72 { font-size: 30px; } }

.s73 { font-size: 0.73rem; }

@media (max-width: 796.93151px) { .s73 { font-size: 30.3px; } }

.s74 { font-size: 0.74rem; }

@media (max-width: 793.94595px) { .s74 { font-size: 30.6px; } }

.s75 { font-size: 0.75rem; }

@media (max-width: 791.04px) { .s75 { font-size: 30.9px; } }

.s76 { font-size: 0.76rem; }

@media (max-width: 788.21053px) { .s76 { font-size: 31.2px; } }

.s77 { font-size: 0.77rem; }

@media (max-width: 785.45455px) { .s77 { font-size: 31.5px; } }

.s78 { font-size: 0.78rem; }

@media (max-width: 782.76923px) { .s78 { font-size: 31.8px; } }

.s79 { font-size: 0.79rem; }

@media (max-width: 780.1519px) { .s79 { font-size: 32.1px; } }

.s80 { font-size: 0.8rem; }

@media (max-width: 777.6px) { .s80 { font-size: 32.4px; } }

.s81 { font-size: 0.81rem; }

@media (max-width: 775.11111px) { .s81 { font-size: 32.7px; } }

.s82 { font-size: 0.82rem; }

@media (max-width: 772.68293px) { .s82 { font-size: 33px; } }

.s83 { font-size: 0.83rem; }

@media (max-width: 770.31325px) { .s83 { font-size: 33.3px; } }

.s84 { font-size: 0.84rem; }

@media (max-width: 768px) { .s84 { font-size: 33.6px; } }

.s85 { font-size: 0.85rem; }

@media (max-width: 765.74118px) { .s85 { font-size: 33.9px; } }

.s86 { font-size: 0.86rem; }

@media (max-width: 763.53488px) { .s86 { font-size: 34.2px; } }

.s87 { font-size: 0.87rem; }

@media (max-width: 761.37931px) { .s87 { font-size: 34.5px; } }

.s88 { font-size: 0.88rem; }

@media (max-width: 759.27273px) { .s88 { font-size: 34.8px; } }

.s89 { font-size: 0.89rem; }

@media (max-width: 757.21348px) { .s89 { font-size: 35.1px; } }

.s90 { font-size: 0.9rem; }

@media (max-width: 755.2px) { .s90 { font-size: 35.4px; } }

.s91 { font-size: 0.91rem; }

@media (max-width: 753.23077px) { .s91 { font-size: 35.7px; } }

.s92 { font-size: 0.92rem; }

@media (max-width: 751.30435px) { .s92 { font-size: 36px; } }

.s93 { font-size: 0.93rem; }

@media (max-width: 749.41935px) { .s93 { font-size: 36.3px; } }

.s94 { font-size: 0.94rem; }

@media (max-width: 747.57447px) { .s94 { font-size: 36.6px; } }

.s95 { font-size: 0.95rem; }

@media (max-width: 745.76842px) { .s95 { font-size: 36.9px; } }

.s96 { font-size: 0.96rem; }

@media (max-width: 744px) { .s96 { font-size: 37.2px; } }

.s97 { font-size: 0.97rem; }

@media (max-width: 742.26804px) { .s97 { font-size: 37.5px; } }

.s98 { font-size: 0.98rem; }

@media (max-width: 740.57143px) { .s98 { font-size: 37.8px; } }

.s99 { font-size: 0.99rem; }

@media (max-width: 738.90909px) { .s99 { font-size: 38.1px; } }

.s100 { font-size: 1rem; }

@media (max-width: 737.28px) { .s100 { font-size: 38.4px; } }

/* 高分屏不继续放大 */
@media (min-width: 1921px) { html { font-size: 100px; } }

/* 适配pad: 900~500 */
@media (max-width: 900px) { html { font-size: calc(900px / 1920 * 100); } }

/* 移动端 */
@media (max-width: 500px) { html { font-size: calc(100vw / 750 * 100); }
  .s12 { font-size: 0.22rem; }
  .s13 { font-size: 0.23rem; }
  .s14 { font-size: 0.24rem; }
  .s15 { font-size: 0.25rem; }
  .s16 { font-size: 0.26rem; }
  .s17 { font-size: 0.27rem; }
  .s18 { font-size: 0.28rem; }
  .s19 { font-size: 0.29rem; }
  .s20 { font-size: 0.3rem; }
  .s21 { font-size: 0.31rem; }
  .s22 { font-size: 0.32rem; }
  .s23 { font-size: 0.33rem; }
  .s24 { font-size: 0.34rem; }
  .s25 { font-size: 0.35rem; }
  .s26 { font-size: 0.36rem; }
  .s27 { font-size: 0.37rem; }
  .s28 { font-size: 0.38rem; }
  .s29 { font-size: 0.39rem; }
  .s30 { font-size: 0.4rem; }
  .s31 { font-size: 0.4rem; }
  .s32 { font-size: 0.4rem; }
  .s33 { font-size: 0.4rem; }
  .s34 { font-size: 0.4rem; }
  .s35 { font-size: 0.4rem; }
  .s36 { font-size: 0.4rem; }
  .s37 { font-size: 0.4rem; }
  .s38 { font-size: 0.4rem; }
  .s39 { font-size: 0.4rem; }
  .s40 { font-size: 0.4rem; }
  .s41 { font-size: 0.4rem; }
  .s42 { font-size: 0.4rem; }
  .s43 { font-size: 0.4rem; }
  .s44 { font-size: 0.4rem; }
  .s45 { font-size: 0.4rem; }
  .s46 { font-size: 0.4rem; }
  .s47 { font-size: 0.4rem; }
  .s48 { font-size: 0.4rem; }
  .s49 { font-size: 0.4rem; }
  .s50 { font-size: 0.4rem; }
  .s51 { font-size: 0.4rem; }
  .s52 { font-size: 0.4rem; }
  .s53 { font-size: 0.4rem; }
  .s54 { font-size: 0.4rem; }
  .s55 { font-size: 0.4rem; }
  .s56 { font-size: 0.4rem; }
  .s57 { font-size: 0.4rem; }
  .s58 { font-size: 0.4rem; }
  .s59 { font-size: 0.4rem; }
  .s60 { font-size: 0.4rem; }
  .s61 { font-size: 0.4rem; }
  .s62 { font-size: 0.4rem; }
  .s63 { font-size: 0.4rem; }
  .s64 { font-size: 0.4rem; }
  .s65 { font-size: 0.4rem; }
  .s66 { font-size: 0.4rem; }
  .s67 { font-size: 0.4rem; }
  .s68 { font-size: 0.4rem; }
  .s69 { font-size: 0.4rem; }
  .s70 { font-size: 0.4rem; }
  .s71 { font-size: 0.4rem; }
  .s72 { font-size: 0.4rem; }
  .s73 { font-size: 0.4rem; }
  .s74 { font-size: 0.4rem; }
  .s75 { font-size: 0.4rem; }
  .s76 { font-size: 0.4rem; }
  .s77 { font-size: 0.4rem; }
  .s78 { font-size: 0.4rem; }
  .s79 { font-size: 0.4rem; }
  .s80 { font-size: 0.4rem; }
  .s81 { font-size: 0.4rem; }
  .s82 { font-size: 0.4rem; }
  .s83 { font-size: 0.4rem; }
  .s84 { font-size: 0.4rem; }
  .s85 { font-size: 0.4rem; }
  .s86 { font-size: 0.4rem; }
  .s87 { font-size: 0.4rem; }
  .s88 { font-size: 0.4rem; }
  .s89 { font-size: 0.4rem; }
  .s90 { font-size: 0.4rem; }
  .s91 { font-size: 0.4rem; }
  .s92 { font-size: 0.4rem; }
  .s93 { font-size: 0.4rem; }
  .s94 { font-size: 0.4rem; }
  .s95 { font-size: 0.4rem; }
  .s96 { font-size: 0.4rem; }
  .s97 { font-size: 0.4rem; }
  .s98 { font-size: 0.4rem; }
  .s99 { font-size: 0.4rem; }
  .s100 { font-size: 0.4rem; } }

/* 灵活调整字号 */
@media (max-width: 750px) { .xs12 { font-size: 0.12rem; }
  .xs13 { font-size: 0.13rem; }
  .xs14 { font-size: 0.14rem; }
  .xs15 { font-size: 0.15rem; }
  .xs16 { font-size: 0.16rem; }
  .xs17 { font-size: 0.17rem; }
  .xs18 { font-size: 0.18rem; }
  .xs19 { font-size: 0.19rem; }
  .xs20 { font-size: 0.2rem; }
  .xs21 { font-size: 0.21rem; }
  .xs22 { font-size: 0.22rem; }
  .xs23 { font-size: 0.23rem; }
  .xs24 { font-size: 0.24rem; }
  .xs25 { font-size: 0.25rem; }
  .xs26 { font-size: 0.26rem; }
  .xs27 { font-size: 0.27rem; }
  .xs28 { font-size: 0.28rem; }
  .xs29 { font-size: 0.29rem; }
  .xs30 { font-size: 0.3rem; }
  .xs31 { font-size: 0.31rem; }
  .xs32 { font-size: 0.32rem; }
  .xs33 { font-size: 0.33rem; }
  .xs34 { font-size: 0.34rem; }
  .xs35 { font-size: 0.35rem; }
  .xs36 { font-size: 0.36rem; }
  .xs37 { font-size: 0.37rem; }
  .xs38 { font-size: 0.38rem; }
  .xs39 { font-size: 0.39rem; }
  .xs40 { font-size: 0.4rem; }
  .xs41 { font-size: 0.41rem; }
  .xs42 { font-size: 0.42rem; }
  .xs43 { font-size: 0.43rem; }
  .xs44 { font-size: 0.44rem; }
  .xs45 { font-size: 0.45rem; }
  .xs46 { font-size: 0.46rem; }
  .xs47 { font-size: 0.47rem; }
  .xs48 { font-size: 0.48rem; }
  .xs49 { font-size: 0.49rem; }
  .xs50 { font-size: 0.5rem; }
  .xs51 { font-size: 0.51rem; }
  .xs52 { font-size: 0.52rem; }
  .xs53 { font-size: 0.53rem; }
  .xs54 { font-size: 0.54rem; }
  .xs55 { font-size: 0.55rem; }
  .xs56 { font-size: 0.56rem; }
  .xs57 { font-size: 0.57rem; }
  .xs58 { font-size: 0.58rem; }
  .xs59 { font-size: 0.59rem; }
  .xs60 { font-size: 0.6rem; }
  .xs61 { font-size: 0.61rem; }
  .xs62 { font-size: 0.62rem; }
  .xs63 { font-size: 0.63rem; }
  .xs64 { font-size: 0.64rem; }
  .xs65 { font-size: 0.65rem; }
  .xs66 { font-size: 0.66rem; }
  .xs67 { font-size: 0.67rem; }
  .xs68 { font-size: 0.68rem; }
  .xs69 { font-size: 0.69rem; }
  .xs70 { font-size: 0.7rem; }
  .xs71 { font-size: 0.71rem; }
  .xs72 { font-size: 0.72rem; }
  .xs73 { font-size: 0.73rem; }
  .xs74 { font-size: 0.74rem; }
  .xs75 { font-size: 0.75rem; }
  .xs76 { font-size: 0.76rem; }
  .xs77 { font-size: 0.77rem; }
  .xs78 { font-size: 0.78rem; }
  .xs79 { font-size: 0.79rem; }
  .xs80 { font-size: 0.8rem; }
  .xs81 { font-size: 0.81rem; }
  .xs82 { font-size: 0.82rem; }
  .xs83 { font-size: 0.83rem; }
  .xs84 { font-size: 0.84rem; }
  .xs85 { font-size: 0.85rem; }
  .xs86 { font-size: 0.86rem; }
  .xs87 { font-size: 0.87rem; }
  .xs88 { font-size: 0.88rem; }
  .xs89 { font-size: 0.89rem; }
  .xs90 { font-size: 0.9rem; }
  .xs91 { font-size: 0.91rem; }
  .xs92 { font-size: 0.92rem; }
  .xs93 { font-size: 0.93rem; }
  .xs94 { font-size: 0.94rem; }
  .xs95 { font-size: 0.95rem; }
  .xs96 { font-size: 0.96rem; }
  .xs97 { font-size: 0.97rem; }
  .xs98 { font-size: 0.98rem; }
  .xs99 { font-size: 0.99rem; }
  .xs100 { font-size: 1rem; } }

/* rem - end */
/* 媒体 */
/* 固定尺寸的图片 */
.c-pic { overflow: hidden; position: relative; }

.c-pic .img { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.c-pic .img img { display: none; }

.media img, .media video { display: block; width: 100%; -o-object-fit: cover; object-fit: cover; }

.media-ratio { position: relative; }

.media-ratio img, .media-ratio video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

/* 字重 */
.f-Light { font-weight: lighter; }

.f-Regular, .f-Normal { font-weight: normal; }

.f-Medium, .f-SemiBold, .f-DemiBold, .f-Bold, .f-Heavy { font-weight: bold; }

/* 版心 */
.layout-full { margin-left: auto; margin-right: auto; width: 19.2rem; max-width: 100%; }